<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1716836_j7xur6uuqu.css">
    <title>tk首页</title>
</head>
<body>

    <script src="https://webapi.amap.com/maps?v=1.4.15&key=41c11f553a04da51f0428ffe99ab4086&callback=onLoad"></script>
    <script>
        window.onLoad = function() {
            var map = new AMap.Map('mapContainer', {
                resizeEnable: true,
                center: [113.321503, 23.131138],
                zoom: 15, // 设置Z轴距离
            });

            // 创建 AMap.Icon 实例：
            var icon = new AMap.Icon({
                size: new AMap.Size(19, 31), // 图标尺寸
                image: 'https://webapi.amap.com/theme/v1.3/markers/n/mark_b.png', // Icon的图像
                // imageOffset: new AMap.Pixel(0, -60),  // 图像相对展示区域的偏移量，适于雪碧图等
                imageSize: new AMap.Size(19, 31) // 根据所设置的大小拉伸或压缩图片
            });
            // 创建一个 Marker 实例：
            var marker = new AMap.Marker({
                    position: [113.321503, 23.131138], //位置
                    offset: new AMap.Pixel(0, -40),
                    icon: icon,
                    title: '北京'
                })
                // 将创建的点标记添加到已有的地图实例：
            map.add(marker); //添加到地图arch(new AMap.LngLat(116.379028, 39.865042), new AMap.LngLat(116.427281, 39.903719));
        }
    </script>
    <header>
        <div class="head-title">
            <div class="title">
                <ul>
                    <li>全国服务热线：400-000-000</li>
                    <li>
                        <p>设为首页</p>
                        <p>加入收藏</p>
                    </li>
                </ul>
            </div>
        </div>
        <nav class="nav-contant clearFix ">
            <div class="div-img fl">
                <img src="./images/index/images/log1_03.png" alt="">
            </div>
            <div class="company-name fl">
                <div class="top">TK科技有限公司</div>
                <div class="bottom">cer dcd keo Holdings Co Ltd</div>
            </div>
            <ul class="fr">
                <li>
                    <a>首页</a>
                    <a>Home</a>
                </li>
                <li>
                    <a>关于我们</a>
                    <a>Home</a>
                </li>
                <li>
                    <a>产品中心</a>
                    <a>Products</a>
                </li>
                <li>
                    <a>服务支持</a>
                    <a>Service</a>
                </li>
                <li>
                    <a>新闻中心</a>
                    <a>News</a>
                </li>
                <li>
                    <a>在线商店</a>
                    <a>Shop</a>
                </li>
                <li>
                    <a>联系我们</a>
                    <a>Contact Us</a>
                </li>
            </ul>        
        </nav>     
    </header>
    <div class="main">
        <div class="back-image">
            <img src="./images/index/images/bi_02_03.png" alt="">  
        </div>
        <div class="title">
            <ul class="first-ul">
                <li>
                    <div class="top">
                        <div class="include-circle">
                            <div class="circle">
                                <i class="iconfont icon-bi "></i>
                            </div>
                        </div>   
                        <p>新闻中心</p>
                        <p>NEWS.CENTER</p> 
                    </div>
                    <div class="deltadiv">
                        <div class="delta"></div>
                    </div>
                </li>
               
                <li>
                    <div class="top">
                        <div class="include-circle">
                            <div class="circle">
                                <i class="iconfont icon-bi "></i>
                            </div>
                        </div>   
                        <p>新品发布</p>
                        <p>NEWS.PRODUCTS</p> 
                    </div>
                    <div class="deltadiv">
                        <div class="delta"></div>
                    </div>
                </li>
                <li>
                    <div class="top">
                        <div class="include-circle">
                            <div class="circle">
                                <i class="iconfont icon-bi "></i>
                            </div>
                        </div>   
                        <p>品牌介绍</p>
                        <p>INFORMATION</p> 
                    </div>
                    <div class="deltadiv">
                        <div class="delta"></div>
                    </div>
                </li>
              
            </ul>
          
            <div class="contant">
                <div class="contant-left  ">
                    <div class="contant-left-m clearFix">
                        <div class="left fl">
                            <p>CeBIT 2015</p>
                            <div>
                                <img src="./images/index/images/leftb_07.png" alt="">
                            </div>
                        </div>
                        <div class="right fl">
                            <p>创新ICT共建全联接世界德国汉诺威展览中心</p>
                            <p>3月16日-20日</p>
                        </div>
                    </div>
                    <div class="bottom">
                        <ul>
                            <li><a href="">上海国际只能建筑展览会</a></li>
                            <li><a href="">2014德国柏林国际消费类电子产品展览会</a></li>
                            <li><a href="">2014中国（贵阳）公告安全防范产品博览会</a></li>
                        </ul>
                    </div>          
                </div>  
                
                <div class="contant-middle ">
                    <div class="top">
                        <div class="left">
                            <img src="./images/index/images/cont-middle-left.png" alt="">
                        </div>
                        <div class="middle">
                            <img src="./images/index/images/contant-middle.png" alt="">
                        </div>
                        <div class="right">
                            <img src="./images/index/images/cont-middle-right.png" alt="">
                        </div>
                    </div>
                    <div class="bottom">
                        <h3>s6213w-y</h3>
                        <p>海思3518E方案，多码流技术，百万高清</p>
                    </div>
                </div>
                
                <div class="contant-right">
                    <div class="top">
                        <img src="./images/index/images/cont-right.png" alt="">
                    </div>
                    <div class="bottom">
                        <div class="bottomb">
                            <img src="./images/index/images/cont-rightd.png" alt="">
                        </div>              
                        <p>"siepem"品牌是广州市TK科技有限公司推出的自有品牌</p>
                    </div>
                  
                   
                </div>
           </div>
        </div>

        <div class="store">
           <div class="store-title">
               <h2>关于我们</h2>
               <div class="display">
                    <p>STORE DISPLAY</p>
               </div>       
           </div>
           <div class="store-content">
               <div class="content-back">
                   <p>
                    广州市TK科技有限公司是领先的监控产品供应商和解决方案服务商，面向全球提供领先的网络视频监控系列产品及专业的行业解决方案。
                   </p>
                   <p>TK公司自创立以来, 一直持续加大研发投入和不断致力于技术创新。现拥一批技术尖端的研发团队，创造安防行业众多高品质、高性价比的精品</p>
                   <p>持续为客户创造最大价值。 </p>
                   <div class="roll-imag">
                        <div class="roll1">
                            <img src="./images/index/images/aboutus-1.png" alt="">
                        </div>
                        <div class="roll2">
                            <img src="./images/index/images/aboutus-2.png" alt="">
                        </div>
                        <div class="roll3">
                            <img src="./images/index/images/aboutus-3.png" alt="">
                        </div>
                        <div class="roll4">
                            <img src="./images/index/images/aboutus-4.png" alt="">
                        </div>
                        <div class="roll5">
                            <img src="./images/index/images/aboutus-5.png" alt="">
                        </div>
                    </div>
                </div>
                
           </div>
        </div>

        <div class="store">
            <div class="store-title">
                <h2>联系我们</h2>
                <div class="display">
                     <p>STORE DISPLAY</p>
                </div>       
            </div>

            <div class="link">
                <div class="top-left">
                    <div class="top">
                        <div class="left">
                            <img src="./images/index/images/two-code.png" alt="">
                            <p>微信扫一扫</p>
                            <p>关注我们的信息</p>
                        </div>
                        <div class="right">
                            <ul>
                                <li>
                                    <i class="iconfont icon-dianhua "></i>
                                    <a  href="tel:400-000-0000">服务热线：400-000-0000</a>
                                </li>
                                <li>
                                    <i class="iconfont icon-lianxiren"></i>
                                    <a  href="">联  系  人：某先生</a>
                                </li>
                                <li>
                                    <i class="iconfont icon-youxiang " ></i>
                                    <a  href="mailto:www.tk.com">公司邮箱：www.tk.com</a>
                                </li>
                                <li>
                                    <i class="iconfont icon-fax-fill "></i>
                                    <a href="sms：000-12345678">公司传真：000-12345678</a>
                                </li>
                                <li>
                                    <i class="iconfont icon-bianmubianma "></i>
                                    <a href="">邮政编码：467000</a>
                                </li>
                                <li>
                                    <i class="iconfont icon-dizhi "></i>
                                    <a >公司地址：广州市某某区某某路某号</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="bottom" id="mapContainer" >
                       
                    </div>
                </div>
                <div class="top-right">
                    <ul>
                        <li>
                            <p>昵称</p>
                            <input type="text">
                        </li>
                        <li>
                            <p>联系电话</p>
                            <input type="text">
                        </li>
                        <li>
                            <p>电子邮件</p>
                            <input type="text">
                        </li>
                        <li>
                            <p>内容</p>
                            <input type="text">
                        </li>
                    </ul>
                    <div class="sub">
                       <a href="">提交</a>
                    </div>
                </div>
            </div>
        </div>    
    </div>



    <footer>
        <div class="top">
            <div class="log">
                <span>关注我们:</span>
                <i class="iconfont icon-weibo"></i>
                <i class="iconfont icon-qq"></i>
                <i class="iconfont icon-weixin1"></i>
            </div>
            <div class="infor">
                <ul>
                    <li>网站首页</li>
                    <li>新闻动态</li>
                    <li>关于我们</li>
                    <li>团队风采</li>
                    <li>联系我们</li>
                    <li>在线留言</li>
                </ul>
            </div>
        </div>
        <div class="bottom">
            <div class="contant">
                ©2015 TK科技有限公司  版权所有沪ICP证13022560号-7 All Rights Reserved
            </div>
        </div>
    </footer>
</body>
</html>